// 设置 rem 函数
function setRem() {
  // 默认设计稿宽度为1920
  let designWidth = 1920;

  // 判断是否是移动设备（可根据实际需求扩展）
  const isMobile = /Android|iPhone|iPad/i.test(navigator.userAgent);

  // 如果是移动端，则将 designWidth 改为当前屏幕宽度，防止字体过小
  if (isMobile) {
    designWidth = document.documentElement.clientWidth || document.body.clientWidth;
    console.log("手机",designWidth)
  }

  // 计算 scale：固定为 1920 / 16 = 120
  const scale = 1920 / 16;

  // 实际页面宽度
  const htmlWidth =
    document.documentElement.clientWidth || document.body.clientWidth;

  // 得到 html 的 Dom 元素
  const htmlDom = document.getElementsByTagName("html")[0];

  // 设置根元素字体大小（基于动态的 designWidth）
  htmlDom.style.fontSize = (htmlWidth / scale) * (designWidth / 1920) + "px";
}
// 初始化
setRem();

// 改变窗口大小时重新设置 rem
window.addEventListener("resize", () => {
  setRem();
});